<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>ddhpc</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./css/resourcelist.css">
  <link rel="stylesheet" href="./css/rightcar.css">
  <link rel="stylesheet" href="./layui/css/layui.css">
  <link rel="stylesheet" href="//at.alicdn.com/t/font_1077279_e32u2oie72l.css">
  <script src="./js/jquery-3.3.1.min.js"></script>
</head>

<body>
  <div class="rCarBox">
    <div class="carBox">
      <div class="leftSide">
        <div class="cen">
          <div class="carCount">22</div>
          <div id="rCar" class="carimg mtb10 pointer"><i class="icn yklgouwucheman"></i></div>
          <div class="service pointer"><i class="icn yklunie737"></i></div>
        </div>
      </div>
      <div class="rightLists">
        <div class="title pcub pcub-ac bgff">
            <input type="checkbox" name="type" id="all" value="1" hidden checked/>
            <label for="all" class="advice"></label>
            <span>全选</span>
            <span class="pcub-f1"></span>
            <span >一键清空</span>
        </div>
        <div class="carScroll">
          <ul>
            <li class="item ptb20 bb-e0e0e0 pcub bgff pcub-ac">
              <input type="checkbox" name="type" id="adviceRadio1" value="1" hidden />
              <label for="adviceRadio1" class="advice"></label>
              <img class="img" src="./imgs/259.png" alt="">
              <div class="product">
                <p class="pcub-te">出国留学网资讯频出国留学网资讯频出国留学网资讯频出国留学网资讯频</p>
                <p class="c-f2752e">￥192.00</p>
              </div>
              <span class="del"></span>
            </li>
            <li class="item ptb20 bb-e0e0e0 pcub bgff pcub-ac">
              <input type="checkbox" name="type" id="adviceRadio1" value="1" hidden />
              <label for="adviceRadio1" class="advice"></label>
              <img class="img" src="./imgs/259.png" alt="">
              <div class="product">
                <p class="pcub-te">出国留学网资讯频出国留学网资讯频出国留学网资讯频出国留学网资讯频</p>
                <p class="c-f2752e">￥192.00</p>
              </div>
              <span class="del"></span>
            </li>
          </ul>
        </div>
        <div class="mt20 b-price">
          <div class="pcub pcub-ac">
            <span class="pcub-f1">创建报价单</span>
            <span class="c-f2752e">￥192.00</span>
          </div>
          <button class="btnprice mtb20">
            下单
          </button>
        </div>
      </div>
    </div>
  </div>
  <!-- 顶部导航 -->
  <section class="bgff">
    <div class="wrap">
      <div class="top-logo pcub">
        <div class="pcub pcub-ac tx-r ">
          <img class="logo-img mr40" src="./imgs/logo.png" alt="">
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20 active" href="javascript:;">首页</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20" href="javascript:;">软文发稿</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20" href="javascript:;">微信推广</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20" href="javascript:;">朋友圈推广</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20" href="javascript:;">微博推广</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 " href="javascript:;">直播/短视频</a>
        </div>
        <div class="pcub pcub-ac pcub-pe pcub-f1">
          <img src="./imgs/location.png" alt="">
          <a href="javascript:;">15680529067</a>
        </div>
      </div>
    </div>
  </section>
  <section class="mt30 bgff wrap">
    <div class="wrap-container">
      <div class="clear container yun-filter" id="yunFilter">
        <div class="filter-header clear">
          <div class="filter-tabs">
            <a class="filter-active" href="/companyHome/articleResListPg.html">软文派单</a>
            <a href="/companyHome/paperResListPg.html">纸媒预约</a>
            <a href="/companyHome/resDealsListPg.html">软文套餐</a>
            <a href="/companyHome/articleDynamicListPg.html">发稿动态</a>
          </div>
          <label class="yun-batch" for="batchSearchPop">批量搜索</label>
          <div class="yun-search">
            <input class="search con-keydown" id="name" type="text" name="search" data-title="关键词" data-search="name"
              placeholder="请输入软文资源名称">
            <span class="icon-search con-click" id="nameSearch"></span>
          </div>
        </div>
        <div class="mainWidth batchResultBox resHide">
          <div class="resultBox clear">
            <div class="tit">批量查询结果：</div>
            <div class="successRes"><b class="successNum"></b>个资源查询成功</div>
            <div class="failRes fails resHide"><b class="failNum"></b>个资源查询失败</div>
            <label class="viewRes fails resHide" for="batchResultPop">查看失败资源</label>
          </div>
        </div>
        <div class="_filter_ search1">
          <div class="filters" data-tit="覆盖区域">
            <label class="showMore" for="con1">更多</label>
            <div class="tit">
              <span>覆盖区域：</span>
              <label><input type="radio" class="none filter" name="webArea" value="" checked=""><b>不限</b></label>
            </div>
            <input type="checkbox" class="none con" id="con1">
            <div class="con clear">
              <label><input type="radio" class="none filter" name="webArea" value="全国"><b>全国</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="北京"><b>北京</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="上海"><b>上海</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="广州"><b>广州</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="深圳"><b>深圳</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="重庆"><b>重庆</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="天津"><b>天津</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="江苏"><b>江苏</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="浙江"><b>浙江</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="福建"><b>福建</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="湖南"><b>湖南</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="湖北"><b>湖北</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="广东"><b>广东</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="广西"><b>广西</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="云南"><b>云南</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="贵州"><b>贵州</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="四川"><b>四川</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="安徽"><b>安徽</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="江西"><b>江西</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="河南"><b>河南</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="河北"><b>河北</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="山东"><b>山东</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="山西"><b>山西</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="辽宁"><b>辽宁</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="吉林"><b>吉林</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="黑龙江"><b>黑龙江</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="内蒙古"><b>内蒙古</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="陕西"><b>陕西</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="宁夏"><b>宁夏</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="甘肃"><b>甘肃</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="青海"><b>青海</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="新疆"><b>新疆</b></label>
              <label><input type="radio" class="none filter" name="webArea" value="西藏"><b>西藏</b></label>
            </div>
          </div>
          <div class="filters" data-tit="频道分类">
            <label class="showMore" for="con2">更多</label>
            <div class="tit">
              <span>频道分类：</span>
              <label><input type="radio" class="none filter" name="channelCategory" value="" checked=""><b>不限</b></label>
            </div>
            <input type="checkbox" class="none con" id="con2">
            <div class="con clear">
              <label><input type="radio" class="none filter" name="channelCategory" value="新闻"><b>新闻</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="财经"><b>财经</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="IT科技"><b>IT科技</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="娱乐"><b>娱乐</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="旅游"><b>旅游</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="教育"><b>教育</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="房产"><b>房产</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="家居"><b>家居</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="汽车"><b>汽车</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="女性"><b>女性</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="时尚"><b>时尚</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="美容"><b>美容</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="母婴育儿"><b>母婴育儿</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="健康"><b>健康</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="艺术"><b>艺术</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="家电数码"><b>家电数码</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="游戏动漫"><b>游戏动漫</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="体育"><b>体育</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="资讯"><b>资讯</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="商讯"><b>商讯</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="生活"><b>生活</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="食品"><b>食品</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="文化"><b>文化</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="环保"><b>环保</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="公益"><b>公益</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="法律"><b>法律</b></label>
              <label><input type="radio" class="none filter" name="channelCategory" value="地方"><b>地方</b></label>
            </div>
          </div>
          <div class="filters" data-tit="会员价格">
            <div class="rFilter priceFilter clear">
              <input type="text" class="blur price1" autocomplete="off"><span>-</span><input type="text" class="blur price2"
                autocomplete="off">
              <b class="ok">确定</b>
            </div>
            <div class="tit">
              <span>会员价格：</span>
              <label><input type="radio" class="none filter" name="priceStr" value="" checked=""><b>不限</b></label>
            </div>
            <div class="con clear">
              <label><input type="radio" class="none filter" name="priceStr" value="0-50"><b>50元以下</b></label>
              <label><input type="radio" class="none filter" name="priceStr" value="50-100"><b>50-100元</b></label>
              <label><input type="radio" class="none filter" name="priceStr" value="100-200"><b>100-200元</b></label>
              <label><input type="radio" class="none filter" name="priceStr" value="200-500"><b>200-500元</b></label>
              <label><input type="radio" class="none filter" name="priceStr" value="500-1000"><b>500-1000元</b></label>
              <label><input type="radio" class="none filter" name="priceStr" value="1001-0"><b>1000元以上</b></label>
            </div>
          </div>
          <div class="filters" data-tit="网站类型">
            <div class="tit">
              <span>网站类型：</span>
              <label><input type="radio" class="none filter" name="webCategory" value="" checked=""><b>不限</b></label>
            </div>
            <div class="con clear">
              <label><input type="radio" class="none filter" name="webCategory" value="全国门户"><b>全国门户</b></label>
              <label><input type="radio" class="none filter" name="webCategory" value="垂直行业"><b>垂直行业</b></label>
              <label><input type="radio" class="none filter" name="webCategory" value="地方门户"><b>地方门户</b></label>
            </div>
          </div>
          <!-- 更多筛选 -->
          <div class="moreClassifyList clear">
            <div class="filters specialLable" data-tit="特殊行业">
              <label class="showMore" for="con5">更多</label>
              <div class="tit">
                <span>特殊行业：</span>
                <label><input type="radio" class="none filter" name="specialLable" value="" checked=""><b>不限</b></label>
              </div>
              <input type="checkbox" class="none con" id="con5">
              <div class="con clear"><label><input type="radio" class="none filter" name="specialLable" value="3"><b>P2P</b></label><label><input
                    type="radio" class="none filter" name="specialLable" value="4"><b>微商</b></label><label><input type="radio"
                    class="none filter" name="specialLable" value="5"><b>医疗</b></label><label><input type="radio" class="none filter"
                    name="specialLable" value="6"><b>情感</b></label><label><input type="radio" class="none filter" name="specialLable"
                    value="7"><b>法制</b></label><label><input type="radio" class="none filter" name="specialLable" value="8"><b>金属</b></label><label><input
                    type="radio" class="none filter" name="specialLable" value="9"><b>招商</b></label><label><input type="radio"
                    class="none filter" name="specialLable" value="10"><b>机械</b></label><label><input type="radio"
                    class="none filter" name="specialLable" value="11"><b>军事</b></label></div>
            </div>
            <div class="filters" data-tit="新闻源">
              <div class="tit">
                <span>新闻源：</span>
                <label><input type="radio" class="none filter" name="baidu" value="" checked=""><b>不限</b></label>
              </div>
              <div class="con clear">
                <label><input type="radio" class="none filter" name="baidu" value="新闻源"><b>新闻源</b></label>
                <label><input type="radio" class="none filter" name="baidu" value="网页收录"><b>网页收录</b></label>
                <label><input type="radio" class="none filter" name="baidu" value="无收录"><b>无收录</b></label>
              </div>
            </div>
            <div class="filters" data-tit="平均出稿时间">
              <div class="rFilter finishHourFilter clear" data-name="finishHourStr">
                <input type="text" class="blur finishHour1" autocomplete="off"><span>-</span><input type="text" class="blur finishHour2"
                  autocomplete="off">
                <b class="btn ok">确定</b>
              </div>
              <div class="tit">
                <span>平均出稿时间：</span>
                <label><input type="radio" class="none filter" name="finishHourStr" value="" checked=""><b>不限</b></label>
              </div>
              <div class="con clear">
                <label><input type="radio" class="none filter" name="finishHourStr" value="0-2"><b>小于2小时</b></label>
                <label><input type="radio" class="none filter" name="finishHourStr" value="2-6"><b>2-6小时</b></label>
                <label><input type="radio" class="none filter" name="finishHourStr" value="6-12"><b>6-12小时</b></label>
                <label><input type="radio" class="none filter" name="finishHourStr" value="12-24"><b>12-24小时</b></label>
                <label><input type="radio" class="none filter" name="finishHourStr" value="24-240"><b>24小时以上</b></label>
              </div>
            </div>
            <div class="filters" data-tit="出稿率">
              <div class="tit">
                <span>出稿率：</span>
                <label><input type="radio" class="none filter" name="finishRateStr" value="" checked=""><b>不限</b></label>
              </div>
              <div class="con clear">
                <label><input type="radio" class="none filter" name="finishRateStr" value="0.7-1"><b>70%-100%</b></label>
                <label><input type="radio" class="none filter" name="finishRateStr" value="0.5-0.7"><b>50%-70%</b></label>
                <label><input type="radio" class="none filter" name="finishRateStr" value="0.3-0.5"><b>30%-50%</b></label>
              </div>
            </div>
            <div class="filters advanced">
              <label class="showMore" for="con6">更多</label>
              <div class="tit">
                <span>高级选项：</span>
              </div>

              <!-- con -->
              <div class="selects clear">
                <div class="flyout" data-tit="接稿日期">
                  <span>接稿日期</span>
                  <div class="abs clear">
                    <label><input type="checkbox" class="filter" name="accepts" value="周一至周五">周一至周五</label>
                    <label><input type="checkbox" class="filter" name="accepts" value="周六日">周六日</label>
                    <label><input type="checkbox" class="filter" name="accepts" value="法定节假日">法定节假日</label>
                  </div>
                </div>
                <select name="stop" class="filter" data-tit="截稿时间">
                  <option value="">截稿时间</option>
                  <option value="无截稿时间">无截稿时间</option>
                  <option value="10:30">10：30前</option>
                  <option value="11:30">11：30前</option>
                  <option value="13:30">13：30前</option>
                  <option value="14:30">14：30前</option>
                  <option value="15:30">15：30前</option>
                  <option value="16:30">16：30前</option>
                  <option value="17:30">17：30前</option>
                </select>
                <select name="titleWord" class="filter" data-tit="标题字数">
                  <option value="">标题字数</option>
                  <option value="30">30字以内</option>
                  <option value="25">25字以内</option>
                  <option value="24">24字以内</option>
                  <option value="23">23字以内</option>
                  <option value="22">22字以内</option>
                  <option value="21">21字以内</option>
                  <option value="20">20字以内</option>
                  <option value="18">18字以内</option>
                  <option value="16">16字以内</option>
                </select>
                <div class="flyout" data-tit="正文带链接">
                  <span>正文带链接</span>
                  <div class="abs urlLimits clear">
                    <label><input type="checkbox" class="filter ok" name="urlLimits" value="超链">超链</label>
                    <label><input type="checkbox" class="filter ok" name="urlLimits" value="网址">网址</label>
                    <label><input type="checkbox" class="filter ok" name="urlLimits" value="图片">图片</label>
                    <label><input type="checkbox" class="filter ok" name="urlLimits" value="二维码">二维码</label>
                    <label><input type="checkbox" class="filter ok" name="urlLimits" value="联系方式">联系方式</label>
                    <label><input type="checkbox" class="filter ok" name="urlLimits" value="微信公众号">微信公众号</label>
                    <label><input type="checkbox" class="filter allNo" name="urlLimits" value="以上选项都不带">以上选项都不带</label>
                  </div>
                </div>
                <select name="level" class="filter" data-tit="入口级别">
                  <option value="">入口级别</option>
                  <option value="网站首页">网站首页</option>
                  <option value="频道首页">频道首页</option>
                  <option value="二级频道首页">二级频道首页</option>
                  <option value="三级频道首页">三级频道首页</option>
                  <option value="列表页入口">列表页入口</option>
                  <option value="无入口">无入口</option>
                </select>
                <select name="screen" class="filter" data-tit="入口位置">
                  <option value="">入口位置</option>
                  <option value="第一屏">第一屏</option>
                  <option value="第二屏">第二屏</option>
                  <option value="第三屏">第三屏</option>
                  <option value="第四屏">第四屏</option>
                  <option value="第五屏">第五屏</option>
                  <option value="第六屏">第六屏</option>
                  <option value="第七屏">第七屏</option>
                  <option value="第八屏">第八屏</option>
                  <option value="八屏以上">八屏以上</option>
                </select>
                <select name="form" class="filter" data-tit="入口形式">
                  <option value="">入口形式</option>
                  <option value="文字标题">文字标题</option>
                  <option value="焦点图片">焦点图片</option>
                  <option value="图文混排">图文混排</option>
                  <option value="其他图片">其他图片</option>
                  <option value="通栏">通栏</option>
                  <option value="文字链">文字链</option>
                  <option value="画中画">画中画</option>
                  <option value="Banner">Banner</option>
                  <option value="Button">Button</option>
                  <option value="Floating">Floating</option>
                  <option value="流媒体">流媒体</option>
                  <option value="视频">视频</option>
                  <option value="全屏广告">全屏广告</option>
                  <option value="导航栏定制">导航栏定制</option>
                </select>

                <input type="checkbox" class="none con" id="con6">
                <div class="noBorder">
                  <select name="holdTime" class="filter" data-tit="入口保持时间">
                    <option value="">入口保持时间</option>
                    <option value="无保证时间">无保证时间</option>
                    <option value="1小时以上">1小时以上</option>
                    <option value="2小时以上">2小时以上</option>
                    <option value="4小时以上">4小时以上</option>
                    <option value="8小时以上">8小时以上</option>
                    <option value="12小时以上">12小时以上</option>
                    <option value="24小时以上">24小时以上</option>
                    <option value="48小时以上">48小时以上</option>
                    <option value="72小时以上">72小时以上</option>
                    <option value="1周以上">1周以上</option>
                    <option value="2周以上">2周以上</option>
                    <option value="1个月以上">1个月以上</option>
                    <option value="3个月以上">3个月以上</option>
                    <option value="6个月以上">6个月以上</option>
                    <option value="1年以上">1年以上</option>
                  </select>
                  <select name="webAlexa" class="filter" data-tit="Alexa排名">
                    <option value="">Alexa排名</option>
                    <option value="小于等于100">小于等于100</option>
                    <option value="小于等于1000">小于等于1000</option>
                    <option value="小于等于5000">小于等于5000</option>
                    <option value="小于等于10000">小于等于10000</option>
                    <option value="小于等于10W">小于等于10W</option>
                    <option value="小于等于100W">小于等于100W</option>
                    <option value="大于100W">大于100W</option>
                  </select>
                  <select name="channelMainCrowd" class="filter" data-tit="主体人群">
                    <option value="">主体人群</option>
                    <option value="采购">采购</option>
                    <option value="大众消费">大众消费</option>
                    <option value="公司管理">公司管理</option>
                    <option value="时尚白领">时尚白领</option>
                    <option value="IT技术">IT技术</option>
                    <option value="学生">学生</option>
                  </select>
                  <select name="webPv" class="filter" data-tit="网站pv/日">
                    <option value="">网站pv/日</option>
                    <option value="小于1万">小于1万</option>
                    <option value="10-50万">10-50万</option>
                    <option value="50-100万">50-100万</option>
                    <option value="100-1000万">100-1000万</option>
                    <option value="1000-2000万">1000-2000万</option>
                    <option value="2000-5000万">2000-5000万</option>
                    <option value="5000-1亿">5000-1亿</option>
                    <option value="大于1亿">大于1亿</option>
                  </select>
                </div>
              </div>
            </div>
          </div>
          <!-- 点击筛选项后显示 -->
          <div class="filters selected hide">
            <div class="tit"><span>已选择：</span></div>
            <div class="con clear"></div>
          </div>
          <!-- 隐藏或显示更多筛选项 -->
          <div class="control">
            <i></i>
            <span>更多筛选</span>
          </div>
        </div>
      </div>
      <div class="list-content mt30 bgff plr20 pb20">
        <table class="table" id="searchTable">
          <thead>
            <tr>
              <th></th>
              <th>资源名称</th>
              <th class="td-center">价格</th>
              <th class="td-center">
                <span>近期发稿</span>
                <span class="hoverTip tc"><b><i></i>近期成功发稿的数量</b></span>
              </th>
              <th class="td-center">
                网站类型/收录
              </th>
              <th>
                <span>入口形式/级别</span>
              </th>
              <th>
                <span>正文链接/标题</span>
              </th>
              <th class="td-center">操作</th>
            </tr>
          </thead>
          <!-- 列表模板 -->
          <tbody>
            <tr class="item-list">
              <td class="td-center">
                <!-- <input class="select-res" type="checkbox" name="checkbox" id="res_24404" data-id="24404"> -->
              </td>
              <td>
                <div class="res avatar article"><img class="list-img" src="./imgs/259.png"></div>
                <!-- <img class="list-img" src="" alt=""> -->
                <div class="info">
                  <div class="res-name" data-resname="新华网新闻">
                    <a href="javascript:;" rel="nofollow" target="_blank">新华网新闻<i class="baidu-i" title="网页收录"></i></a>
                  </div>
                  <div class="res-desc" title="1、有新闻源收录，但不保证
  2、是无口，并且做修改不提前通知的
  3、要求来源政府类 纸媒类官方网站（人民网  光明网 环球网 中国网 中国青年网  国际在线 中工网 央广网 中国日报网 中国经济网  中国新闻网  千龙新闻网 财新网 长城网 齐鲁晚报 扬子晚报 东北新闻网   中国吉林网  东方网  新民网等地方政府网站 ）">1、有新闻源收录，但不保证
                    2、是...</div>
                  <div class="finish-hour">平均出稿时间 27.5小时</div>
                  <div class="finish-rate">出稿率 19.0%</div>
                </div>
              </td>
              <td style="text-align:center">
                <div class="now-price" data-price="1140">￥1140</div>
                <div class="list-price">￥5700</div>
              </td>
              <td style="text-align:center">
                <div class="order-count">16</div>
              </td>
              <td>
                <p class="web-category">全国门户</p>
                <p class="baidu">网页收录</p>
              </td>
              <td>
                <p class="entry-form no"></p>
                <p class="entry-level">无入口</p>
              </td>
              <td>
                <p class="zhengwen" title="可带图片" style="padding-right: 20px;">可带图片</p>
                <p class="headline no"></p>
              </td>
              <td class="handle td-center" data-id="24404">
                <span class="detail-i _showDetail_" title="查看详情" data-show="detail" data-resid="24404">查看详情</span>
                <span class="quote-i _addQuote_" title="加入购物车" data-resid="24404">加入购物车</span>
                <!-- <div class="collectAndBlack" style="width: 110%; margin-left: -10%;">
                  <span class="collect-i dynamic show-collect" title="收藏" data-show="collect">收藏</span>
                  <span class="blacklist-i show-blacklist" title="黑名单" data-show="blacklist">黑名单</span>
                </div> -->

              </td>
            </tr>
            <tr class="item-list">
              <td class="td-center">
                <!-- <input class="select-res" type="checkbox" name="checkbox" id="res_24404" data-id="24404"> -->
              </td>
              <td>
                <div class="res avatar article"><img class="list-img" src="./imgs/259.png"></div>
                <!-- <img class="list-img" src="" alt=""> -->
                <div class="info">
                  <div class="res-name" data-resname="新华网新闻">
                    <a href="javascript:;" rel="nofollow" target="_blank">新华网新闻<i class="baidu-i" title="网页收录"></i></a>
                  </div>
                  <div class="res-desc" title="1、有新闻源收录，但不保证
  2、是无口，并且做修改不提前通知的
  3、要求来源政府类 纸媒类官方网站（人民网  光明网 环球网 中国网 中国青年网  国际在线 中工网 央广网 中国日报网 中国经济网  中国新闻网  千龙新闻网 财新网 长城网 齐鲁晚报 扬子晚报 东北新闻网   中国吉林网  东方网  新民网等地方政府网站 ）">1、有新闻源收录，但不保证
                    2、是...</div>
                  <div class="finish-hour">平均出稿时间 27.5小时</div>
                  <div class="finish-rate">出稿率 19.0%</div>
                </div>
              </td>
              <td style="text-align:center">
                <div class="now-price" data-price="1140">￥1140</div>
                <div class="list-price">￥5700</div>
              </td>
              <td style="text-align:center">
                <div class="order-count">16</div>
              </td>
              <td>
                <p class="web-category">全国门户</p>
                <p class="baidu">网页收录</p>
              </td>
              <td>
                <p class="entry-form no"></p>
                <p class="entry-level">无入口</p>
              </td>
              <td>
                <p class="zhengwen" title="可带图片" style="padding-right: 20px;">可带图片</p>
                <p class="headline no"></p>
              </td>
              <td class="handle td-center" data-id="24404">
                <span class="detail-i _showDetail_" title="查看详情" data-show="detail" data-resid="24404">查看详情</span>
                <span class="quote-i _addQuote_" title="加入报价单" data-resid="24404">加入报价单</span>
                <div class="collectAndBlack" style="width: 110%; margin-left: -10%;">
                  <span class="collect-i dynamic show-collect" title="收藏" data-show="collect">收藏</span>
                  <span class="blacklist-i show-blacklist" title="黑名单" data-show="blacklist">黑名单</span>
                </div>

              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </section>
  <div class="popMid _popResDetail_" id="detailPop">
    <div class="bg">
      <div class="cell">
        <div class="midBox white radius"><label class="close trans"></label>
          <div class="tit">资源详情</div>
          <div class="box">
            <div class="prd">
              <div class="resBase clear" data-tit="资源基本信息">
                <div class="fl base clear">
                  <div class="headImg">
                    <div class="res avatar article"><img class="list-img" src="./imgs/259.png"></div>
                  </div>
                  <div class="infos">
                    <div class="name"><a class="resName" href="http://www.chexun.com/newslist/" target="_blank">车讯网新闻</a><span>(ID
                        : <b class="resId">19275</b>)</span></div>
                    <div class="prices">
                      <div>价格：<b>￥84</b></div><s>420</s><span title="用户评论得分">5 分</span>
                    </div>
                  </div>
                </div>
                <div class="fr adds"><label class="addCart to" for="res_19275"></label><span class="_addQuote_"
                    data-type="pop" data-resid="19275">加入报价单</span></div>
              </div>
              <div class="resOther mCustomScrollbar _mCS_4 mCS-autoHide" data-mcs-theme="minimal-dark" style="position: relative; overflow: visible;">
                <div id="mCSB_4" class="mCustomScrollBox mCS-minimal-dark mCSB_vertical mCSB_outside" tabindex="0"
                  style="max-height: none;">
                  <div id="mCSB_4_container" class="mCSB_container" style="position: relative; top: -5px; left: 0px;"
                    dir="ltr">
                    <div class="resOrderInfo clear" data-tit="发稿相关信息">
                      <div class="fl"><b>近期发稿<span>6</span></b>
                        <div class="rates">
                          <div>出稿率：<span>55.0%</span></div>
                          <div>平均出稿时间：<span>5.5小时</span></div>
                        </div>
                      </div>
                      <div class="fl"><b>发稿案例</b>
                        <div class="anli"><a href="http://www.chexun.com/2019-02-13/108987155.html" target="_blank"
                            title="雅马哈1月发稿-补1媒体">雅马哈1月发稿-补1媒体</a><a href="http://www.chexun.com/2019-01-30/108931321.html"
                            target="_blank" title="上汽集团">上汽集团</a><a href="http://www.chexun.com/2018-12-12/108352131.html"
                            target="_blank" title="汽车金融年度盛会“CFAC 2018第二届汽车金融年会”12月18日在上海盛大召开">汽车金融年度盛会“CFAC 2018第二届汽...</a></div>
                      </div>
                    </div>
                    <div class="dArea resIntro" data-tit="资源说明">
                      <div class="tits">资源说明</div>
                      <div class="dList">
                        <ul class="clear">
                          <li class="clear"><b>网站名称：</b><span>车讯网</span></li>
                          <li class="clear"><b>频道名称：</b><span>新闻</span></li>
                          <li class="clear"><b>网站类型：</b><span>垂直行业</span></li>
                          <li class="clear"><b>覆盖区域：</b><span>全国</span></li>
                          <li class="clear"><b>收录参考：</b><span>网页源</span></li>
                        </ul>
                      </div>
                    </div>
                    <div class="dArea tgIntro" data-tit="投稿说明">
                      <div class="tits">投稿说明</div>
                      <div class="dList">
                        <ul class="clear">
                          <li class="one clear"><b>接稿日期：</b>
                            <div class="accepts"><span><i class="z15 yes"></i>周一至周五</span><span><i class="no z67"></i>周六日</span><span><i
                                  class="no z0"></i>法定节假日</span></div>
                          </li>
                          <li class="clear urlLimit_li"><b>正文带链接：</b><span>可带图片</span></li>
                          <li class="clear"><b>捆绑出稿：</b><span>否</span></li>
                        </ul>
                        <div class="dRemark clear">
                          <div>下单备注：</div><span>注：题目最多写19.5字！<br></span>
                        </div>
                      </div>
                    </div>
                    <div class="dArea enterIntro" data-tit="入口说明">
                      <div class="tits">入口说明</div>
                      <div class="dList">
                        <ul class="clear">
                          <li class="clear"><b>入口级别：</b><span>列表页入口</span></li>
                          <li class="clear"><b>入口形式：</b><span>文字链</span></li>
                          <li class="clear"><b>入口时间：</b><span>无保证时间</span></li>
                        </ul>
                      </div>
                    </div>
                    <div class="gradeListContain"></div>
                  </div>
                </div>
                <div id="mCSB_4_scrollbar_vertical" class="mCSB_scrollTools mCSB_4_scrollbar mCS-minimal-dark mCSB_scrollTools_vertical"
                  style="display: block;">
                  <div class="mCSB_draggerContainer">
                    <div id="mCSB_4_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 50px; top: 10px; display: block; height: 491px; max-height: 486px;">
                      <div class="mCSB_dragger_bar" style="line-height: 50px;"></div>
                    </div>
                    <div class="mCSB_draggerRail"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="./js/swiper.js"></script>
  <script src="./layui/layui.js"></script>
  <script src="./js/index.js"></script>
  <script>
    $('._showDetail_').on('click', function () {
      $('#detailPop').show()
    })
    $('.close').on('click', function () {
      $('#detailPop').hide()
    })
    $('#rCar').on('click', function () {
      var $car_box = $('.carBox');
      if ($car_box.hasClass('tran03')) {
        console.log('[')
        $car_box.removeClass('tran03')
      } else {
        $car_box.addClass('tran03')
      }
    })
  </script>
</body>

</html>